<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"
      xmlns="http://www.w3.org/1999/html">

<head>
    <meta content="text/html;charset = utf-8" http-equiv="content-type">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

    <title>报价单</title>

    <link href="../lib/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="../lib/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>

    <link href="../home/css/personal.css" rel="stylesheet" type="text/css">
    <link href="../home/css/infstyle.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
    <script src="../lib/AmazeUI-2.4.2/assets/js/amazeui.js" type="text/javascript"></script>
    <script src="../lib/vue/2.4.2/vue.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../lib/elementui/1.4.3/theme-default/index.css">
    <script src="../home/js/vue.min.js"></script>
    <script src="../lib/elementui/1.4.3/index.js"></script>

</head>

<body>
<div id="quotation">
    <form>
        <div class="titleDiv" align="center" style="font-size: 18px;">报价单</div>
        <div class="am-g" align="left" style="width:90%">
            <div class="am-u-sm-4" ><span>商品名称：</span><input size="small" class="am-form-field am-radius" v-model="quoteOrCompare.name" readonly="true"/></div>
            <div class="am-u-sm-4" ><span>限额价格：</span><input size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.priceCap" readonly="true"/></div>
        </div>

        <div class="am-g" align="left" style="width:90%">

            <div class="am-u-sm-4" ><span>商品报价：</span><input @blur="onSum" size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.quoteSum" @change="checkRole(quoteOrCompare.quoteSum)" value="" placeholder="成交价"/></div>
            <div class="am-u-sm-4" ><span>报价单位：</span><input size="small" class="am-form-field am-radius" readonly="true"  v-model="quoteOrCompare.quoteUnit" value="" placeholder="报价单位"/></div>
        </div>

        <div class="am-g" align="left" style="width:90%">
            <div class="am-u-sm-4" ><span>联&nbsp;&nbsp;系&nbsp;人：</span><input size="small" class="am-form-field am-radius" readonly="true"  v-model="quoteOrCompare.quoteName" value="" placeholder="联系人"/></div>
            <div class="am-u-sm-4" ><span>手&nbsp;&nbsp;机&nbsp;号：</span><input size="small" class="am-form-field am-radius" readonly="true"  v-model="quoteOrCompare.quoteTel" @change="checkRole(quoteOrCompare.quoteTel)" value="" placeholder="请输入联系人手机号"/></div>
        </div>
        <div class="am-g" align="left" style="width:90%">
            <div class="am-u-sm-4" ><span>报价地点：</span><input size="small" class="am-form-field am-radius" readonly="true"  v-model="quoteOrCompare.quoteAdrss" value="" placeholder="报价地点"/></div>
            <div class="am-u-sm-4" ><span>交货地点：</span><input size="small"  class="am-form-field am-radius"  readonly="true" v-model="quoteOrCompare.consingmentAdress" value="" placeholder="交货地点"/></div>
        </div>
        <div class="am-g" align="left" style="width:90%">
            <div class="am-u-sm-4" ><span>交货时间：</span>
                <template>
                    <div class="block" style="width:90%">
                        <el-date-picker v-model="quoteOrCompare.consingmentTime" type="date" placeholder="选择日期" >
                        </el-date-picker>
                    </div>

                </template></div>
            <div class="am-u-sm-4" ><span>数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量：</span><input @blur="SumPrice" readonly="true" size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.num"  @change="checkRole(quoteOrCompare.num)" value="" placeholder="数量"/></div>
        </div>
        <div class="am-g" align="left" style="width:90%">
            <div class="am-u-sm-4" ><span>型&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</span><input size="small" @blur="SumPrice" class="am-form-field am-radius"  v-model="quoteOrCompare.ggxh" value="" placeholder="型号"/></div>

            <div class="am-u-sm-4" ><span>品&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;牌：</span><input size="small" @click="SumPrice" class="am-form-field am-radius"   v-model="quoteOrCompare.brand" value="" placeholder="品牌"/></div>
        </div>
        <div class="am-g" align="left" style="width:90%">
            <div class="am-u-sm-4" ><span>单&nbsp;&nbsp;&nbsp;&nbsp;价：</span><input  @blur="SumPrice" size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.dj" @change="checkRole(quoteOrCompare.dj)"  value="" placeholder="单价"/></div>
            <div class="am-u-sm-4" ><span>总&nbsp;&nbsp;&nbsp;&nbsp;价：</span><input size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.zj" value="" placeholder="总价" disabled/></div>
        </div>
        <div class="am-g" align="left" style="width:90%">
            <div class="am-u-sm-4" ><span>市&nbsp;&nbsp;&nbsp;&nbsp;价：</span><input  @blur="onSum"  size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.commodityMakPrc" @change="checkRole(quoteOrCompare.commodityMakPrc)" value="" placeholder="市场价格"/></div>
            <div class="am-u-sm-4" ><span>优惠率(%)：</span><input size="small" class="am-form-field am-radius"   v-model="quoteOrCompare.bateOfConcession" value="" placeholder="优惠率" disabled/></div>
        </div>
        <div class="am-g" style="width: 90%">
            <div class="am-u-sm-4" align="left"> <span>技术参数:</span>
                <el-input   type="textarea"   :autosize="{ minRows: 3, maxRows: 8}"  placeholder="请输入内容" v-model="quoteOrCompare.jscs"></el-input>
            </div>
            <div class="am-u-sm-4" align="left"><span>售后服务承诺:</span>
                <el-input   type="textarea"  :autosize="{ minRows: 3, maxRows: 8}"  placeholder="请输入内容" v-model="quoteOrCompare.letterOfCommitment"></el-input>
            </div>
        </div>
        <div class="am-g" style="width: 90%">
            <div class="am-u-sm-4" align="left">  <span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注:</span>
                <el-input   type="textarea"   :autosize="{ minRows: 3, maxRows: 8}"  placeholder="请输入内容" v-model="quoteOrCompare.postscript"></el-input>
            </div>

            <div class="am-u-sm-4" align="center" style="width:30%; height:100%" v-if="quoteOrCompare.ifQuery">
                <button type="button" class="am-btn am-btn-secondary" v-on:click="submitQuote()" am-btn-lg>提&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;交</button>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <button type="button" class="am-btn am-btn-success" v-on:click="cencels()" am-btn-lg >取&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;消</button>

            </div>
        </div>
    </form>
</div>
</body>
<script src="../charge/quotationperson.js"></script>

</html>

